export default function TodoInfo(todo) {
  return `<div>
      <h1>${todo.title}</h1>
      <p>Create at ${todo.createdAt}</p>
      <p>Completed: ${todo.completed ? 'Yes' : 'No'}</p>
      <p>Content: ${todo.content}</p>
      <p>
        <a href="/#/home">Back</a>
        <button id="removeBtn" data-id="${todo._id}">Remove</button>
      </p>
    </div>`;
}
